﻿@model Sheng.WeixinConstruction.Management.Shell.Models.ScenicQRCodeViewViewModel

@{
    ViewBag.Title = "ScenicQRCodeView";
    Layout = "~/Views/Shared/_LayoutBlank.cshtml";
}

<script>
   
    var _validator;

    $(document).ready(function () {

        $("[keyenter]").keypress(function (e) {
            if (e.keyCode == 13) {
                save();
            }
        });

        _validator = $("#form").validate({
            onfocusout: false,
            onkeyup: false,
            showErrors: showValidationErrors,
            rules: {
                "txtName": "required"
            },
            messages: {
                "txtName": "请输入名称；"
            }
        });

    });

    function save() {
        if (_validator.form() == false) {
            return;
        }

        var loadLayerIndex = layer.load(0, {
            shade: [0.2, '#fff']
        });

        var scenicQRCode = new Object();

        scenicQRCode.Id = $("#txtId").val();
        scenicQRCode.Name = $("#txtName").val();
        scenicQRCode.Remark = $("#txtRemark").val();

        var url = "/Api/ScenicQRCode/Update";

        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: JSON.stringify(scenicQRCode),
            success: function (data, status, jqXHR) {
                layer.close(loadLayerIndex);
                if (data.Success) {
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.loadDataOnPageAndCloseLayer(index);

                } else {
                    layerAlert(data.Message);
                }
            },
            error: function (xmlHttpRequest) {
                layer.close(loadLayerIndex);
                alert("Error: " + xmlHttpRequest.status);
            }
        });
    }

    function removeData() {
        var id = $("#txtId").val();
        if (id == undefined || id == "") {
            return;
        }

        var msg = "是否确认删除？"

        var confirmLayerIndex = layer.confirm(msg, {
            btn: ['确认', '取消'], //按钮
            shade: [0.4, '#393D49'],
            title: false,
            closeBtn: false,
            shift: _layerShift
        }, function () {
            layer.close(confirmLayerIndex);

            var loadLayerIndex = layer.load(0, {
                shade: [0.2, '#fff']
            });

            $.ajax({
                url: "/Api/ScenicQRCode/Remove?id=" + id,
                type: "POST",
                dataType: "json",
                success: function (data, status, jqXHR) {
                    if (data.Success) {
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.loadDataOnPageAndCloseLayer(index);

                    } else {
                        layer.closeAll();
                        layerAlert(data.Message);
                    }
                },
                error: function (xmlHttpRequest) {
                    layer.closeAll();
                    alert("Error: " + xmlHttpRequest.status);
                }
            });
        });
    }


    function cancel() {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭
    }

</script>


<div style="margin-left:20px; margin-right:20px; margin-top:20px;">
    <span id="spanTitle" class="font_black_24">查看/修改</span>
</div>

<div style=" background-color:#ccc; margin-left:20px; margin-right:20px; margin-top:10px; height:1px;">

</div>

<div style=" position:absolute; overflow:auto ;margin-top:25px;left:30px; right:30px; bottom:60px; top:50px; ">

    <form id="form">
        <input type="hidden" id="txtId" value="@Model.ScenicQRCode.Id" />
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="110" height="36">名称：</td>
                <td><input id="txtName" name="txtName" type="text" class="input_16" style="width:96%; " value="@Model.ScenicQRCode.Name" keyenter/></td>
                <td rowspan="2" valign="top" align="right" width="140"><img src="@Model.ScenicQRCode.QRCodeImageUrl" style="width:120px;" /></td>
            </tr>
            <tr>
                <td width="110" height="36" valign="top">备注：</td>
                <td valign="top">
                    <textarea name="txtRemark" rows="3" class="input_16" id="txtRemark" style="width:96%; ">@Model.ScenicQRCode.Remark</textarea>
                </td>
            </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="110" height="36">URL：</td>
                <td>
                    @Model.ScenicQRCode.Url
                </td>
            </tr>
            <tr>
                <td width="110" height="36">&nbsp;</td>
                <td>
                    <div class="font_gray_13" style="width:96%;margin-bottom:10px;">
                        二维码图片解析后的地址，您可根据该地址自行生成需要的二维码图片
                    </div>
                </td>
            </tr>
            <tr>
                <td width="110" height="36">扫描次数：</td>
                <td>
                    @Model.ScenicQRCode.LandingCount
                </td>
            </tr>
            <tr>
                <td width="110" height="36">关注人数：</td>
                <td>
                    @Model.ScenicQRCode.AttentionPersonCount
                </td>
            </tr>
            <tr>
                <td width="110" height="36">创建时间：</td>
                <td>
                    @Model.ScenicQRCode.CreateTime
                </td>
            </tr>
            <tr>
                <td width="110" height="36">创建者：</td>
                <td>
                    @Model.CreateUserName
                </td>
            </tr>
        </table>

    </form>

</div>

<div style=" background-color:#ccc; position:absolute; bottom:55px; left:20px;right:20px; height:1px;">

</div>

<div style="position:absolute; bottom:15px; left:20px;right:20px;">


    <div style="float:left;">
        <input name="btnRemove" type="button" class="btn_red" id="btnRemove" value="删 除" onclick="removeData()" />
    </div>

    <div style="float:right">
        <input name="btnSave" type="button" class="btn_blue" id="btnSave" value="保 存" onclick="save()" />
        <input name="btnCancel" type="button" class="btn_blue" id="btnCancel" value="取 消" onclick="cancel()" />
    </div>
    <div style="clear:both">
    </div>
</div>

